草庐IT

AngularJS 输入验证

全部标签

javascript - 具有动态名称的 Angular 验证表单

通常为了验证Angular中的表单,我会在ng-submit指令中使用类似这样的东西:当表单具有我在构建表单时自己设置的名称时,这非常有效。但是,在我目前的情况下,我正在尝试基于对象列表创建多个表单。在这种情况下,每个表单都有一个动态确定的名称。当用户提交这些表单之一时,我如何在为该表单运行submitForm()函数之前对其进行验证?这是简化问题的jsfiddle:http://jsfiddle.net/flyingL123/ub6wLewc/1/我的问题是,如何访问表单名称以验证它?这是来自fiddle的代码:varapp=angular.module('app',[]);app.

javascript - 如何在 AngularJS 中绑定(bind)自定义事件?

我有一个自定义事件core-transitionend(实际上由Polymer触发),我可以使用document.addEventListener()设置事件处理程序.但在AngularJS中执行此操作的最佳做​​法是什么?或者,我可以在DOM中明确设置一个处理程序,即,但是如何在AngularJS中定义这个函数呢? 最佳答案 参见thisfiddle,我在这里创建了一个自定义指令,它将事件绑定(bind)到元素,angular.module('HelloApp',[]).directive('customDir',function

javascript - AngularJS $http : how to avoid redirect following

在AngularJS应用程序中,我对服务器url进行$http.post调用。此url的成功响应是30x重定向,我的问题是$http.post严格遵循此重定向并在成功回调中返回最终调用的结果。我想拦截此重定向并手动将用户重定向(更改浏览器url)到最终页面。可能吗? 最佳答案 根据docs,$http服务是一个核心Angular服务,它通过浏览器的XMLHttpRequest对象或通过JSONP促进与远程HTTP服务器的通信。了解这一点,并了解XMLHttpRequest的规范,拦截重定向可能是不可能的。W3CspecforXMLH

javascript - 如何在 Controller 外使用 $http?在 AngularJS 中

我想忘记“jQuery”因为我喜欢“AngularJS”。但是,我需要知道如何使用在我的应用程序的其他地方合并AngularJS的独立任务。例如,这次我想使用“$httpsAngularJS”函数导入一个JavaScript文件。示例(它曾经在jQuery中执行):$.get("url.js",function(data){eval(data)});//okconsole.info($.get);//codecodecode...ok示例(在AngularJS中记录)//InacontrollerApp.controller('Ctrllr',['$http',function($ht

javascript - 如何使用 Angularjs 在 Protractor 中选择可见元素

我有一个SPA,其中有多个具有相同类的div。我希望Protractor选择可见的div并单击它。我一直收到Failed:elementnotvisible这让人相信它正在获取一些不在这个特定页面上的元素(也许?)。我还收到WARNING-morethanoneelementfoundforlocatorBy.cssSelector('.myDiv')-第一个结果将被使用这再次让我认为它不是点击可见的,而是点击不可见的一个。这是我的规范:describe('Useractions',function(){it("shouldbeabletoclickamydiv.",function(

javascript - 如何使用 angularJS 制作虚拟卷轴?

我试图制定一个指令,我可以做一个虚拟滚动,所以当用户滚动表格时,表格删除“旧”View并添加"new"View,有点像收集重复,但我已经一直失败,我想我不明白它背后的数学原理,有人可以帮助我吗?这是我的指令代码:BaseModule.directive('myScroll',function(){return{restrict:"A",scope:{rows:"=",headers:"="},link:function(scope,el){varscrollTop=0;varscrollLeft=0;angular.element(el).on('scroll',function(){

javascript - 从 ng-repeat 中的输入多次调用 ng-change 函数

好吧,我这里有个问题。我有一个ng-repeat,里面有一个带有ng-change()的输入。这是指令模板的一部分,并且双向绑定(bind)到父对象。如果我在输入框中输入内容,一切正常,父对象也会更新。但是,当我必须从指令的Controller替换父对象时,我遇到了一个问题。问题是,一旦父对象被替换,View就会绑定(bind)新的(替换的)值。同样在那个时候,相同的函数(如在ng-change()中)被手动触发以进行一些计算。但是,我注意到同一个函数再次被调用(不知道如何调用)。重要的是输入的ng-model是未定义的,当它们被自动调用时。结果,最终父对象包含值undefined。我

javascript - 如何以编程方式输入搜索字符串并触发 Google Maps API 的 places_changed?

所以我有一个带有位置输入的搜索页面。如果用户来自另一个带有搜索查询的页面,我想以编程方式将此查询输入到输入中并触发位置更改。这是我目前所拥有的:varsearchBox=newgoogle.maps.places.SearchBox(input);$('input#location').val(searchQuery);google.maps.event.trigger(searchBox,'places_changed');但是,对于我的places_changed函数的这一行,这给了我错误Cannotreadproperty'length'ofundefined:varplaces

javascript - 2位小数输入掩码

我正在使用RobinHerbotsinputmask,我怎样才能像22.30或2.15这样保留2位小数?就像在输入掩码上设置的“货币”一样,但没有逗号(根据值长度自动生成)和货币符号。以下是我尝试过的片段,但不幸的是,它们都不起作用,请提供任何帮助、建议、想法、线索和建议?$(document).ready(function(){$(".decimal").inputmask('decimal',{rightAlign:true});$(".currency").inputmask('currency',{rightAlign:true});$(".custom1").inputmas

javascript - React/Redux,如何获取用户输入

我正在关注usagewithReactRedux教程。我真正不明白的是如何检索用户输入。他们构建了一个FilterLink容器,其mapDispatchToProps是constmapDispatchToProps=(dispatch,ownProps)=>{return{onClick:()=>{dispatch(setVisibilityFilter(ownProps.filter))}}}因此它将自己的Props.filter注入(inject)连接的展示组件。如果我们去看看这个容器是如何构造的constFooter=()=>(Show:{""}All{","}Active{",